<template>
  <view class="menu-item">
    <uni-icons class="head-icon" color="#000" size="24" type="fire"></uni-icons>
    <text class="text">{{text}}</text>
    <view class="right-wrap">
      <slot name="right"></slot>
      <uni-icons class="right-icon" color="#666666"  v-if="hasArrow" size="20" type="forward"></uni-icons>
    </view>
  </view>
</template>
<script setup>
  defineProps({
    hasArrow:{
      type:Boolean,
      default:true
    },
    text:{
      type:String,
      default:'文本内容'
    }
  })
</script>
<style lang="less">
  .menu-item{
    height: 86.96rpx;
    padding: 0 29rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .head-icon{
      margin-right: 18.12rpx;
    }
    .text{
      font-size: 29rpx;
      color: #003333;
      flex: 1;
    }
    .right-wrap{
      display: flex;
      align-items: center;
      
      .right-icon{
        margin-left: 16rpx;
      }
    }
    
  }
</style>
